<template>
  <template-container>
    <template slot="left">
      <!--向户管理页面左侧子组件插槽中添加base-map组件-->
      <base-container class="no-padding">
        <base-map @mapLoaded="mapLoaded" fillet-angle-map :map-config="mapConfig"></base-map>
      </base-container>
    </template>
    <template slot="right">
      <!--向户管理页面右侧子组件插槽中添加组件-->
      <base-container>
        <list-page ref="listPage" :base-map="baseMap" v-show="currentPageShowType == PAGE_SHOW_TYPE.LIST" @goInfoPage="goInfoPage"></list-page>
        <info-page @goListPage="goListPage" :base-map="baseMap" :current-item="currentItem" v-show="currentPageShowType == PAGE_SHOW_TYPE.INFO"></info-page>
      </base-container>
    </template>
  </template-container>
</template>

<script>
import TemplateContainer from "@/components/TemplateContainer/index.vue";
import BaseContainer from "@/components/BaseContainer/index.vue";
import BaseMap from "@/views/business/baseMap/index.vue";
import mapConfig from '@/data/mapConfig.json'
import {changePageMixins} from "@/views/business/mixins/changePageMixins";
import InfoPage from "./infoPage.vue";
import listPage from "./listPage.vue";
import {baseMapMixins} from "@/views/business/mixins/baseMapMixins";

export default {
  mixins: [changePageMixins,baseMapMixins],
  components: {
    TemplateContainer,
    BaseContainer,
    BaseMap,
    listPage,
    InfoPage
  },
  data() {
    return {
      mapConfig: _.cloneDeep(mapConfig),
    }
  },
  methods: {}
};
</script>

<style scoped>

</style>
